import React, { useState } from 'react';
import { PlayCircleFilled } from '@ant-design/icons';
import DarkBtn from '../../../../../common/DarkBtn';
import VideoMonitorModal from './VideoMonitorModal';

const VideoMonitor = () => {
    const [visible, setVisible] = useState(false);

    const handleOpen = () => {
        setVisible(true);
    };

    const handleCancel = () => {
        setVisible(false);
    };

    return (
        <>
            <DarkBtn
                icon={<PlayCircleFilled />}
                title={"视频监测"}
                onClick={handleOpen}
            />
            {visible && <VideoMonitorModal
                visible={visible}
                onCancel={handleCancel}
            // autoExpandIds={['001001', '001001001', '001001001001', '1000114', '1000114$1$0$0', '1000114$1$0$1']}
            />}
        </>
    );
};

export default VideoMonitor; 